.bottomBox{
  width:300px;
height:30px;
border:1px solid rgba(0,171,187,1);
border-radius:3px;
display: flex;
align-items: center;
justify-content: space-around;
float: right;
}
/* eslint-disable */
.addWrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  padding: 1%;
  z-index: 99;

  .warpBox {
    width: 98%;
    height: 98%;
    background-color: #fff;
    display: flex;
    position: relative;
    flex-direction: column;
    .Top_Box {
      width: 100%;
      height: 5%;

      // background-color: #249bf0;
      box-shadow:3px 3px 7px 0px #8888885c;
      position: relative;
      top: 0px;
      display: flex;
      // justify-content: center;
      align-items: center;
      flex-direction: row;
      font-size: 16px;
      
    }
    .Bottom_Box {
      width: 100%;
      height: 6%;
      line-height: 6%;
      background-color: #fff;
      box-shadow:3px 3px 7px 0px #8888885c;
      position: absolute;
      bottom: 0px;
      display: flex;
      justify-content:space-around;
      align-items: center;
      // flex-direction: row;
      font-size: 16px;
      z-index: 100;
    }
  }
}

.Record_Compare {
  :global{
    .gmainright{
      display: none !important;
    }
    .gmainleft{
      width: 100%;
      flex: 1;
      overflow: auto;
    }
  }
}
.gtu{
  :global{
    .gmainleft{
      // flex: 1 !important;
      overflow: inherit !important;
    }
    .gmainright{
      overflow: inherit !important;
      // overflow: inherit !important;
    }
    .gtaskname{

      cursor: pointer;
    }
    
  }
}
.gantt{
  :global{
    .gtaskyellow{
      display: none !important;
    }
  .rhscrpad{
    width: 20px !important;
  }
  .gmainleft{
    // flex: 1 !important;
    overflow: inherit !important;
  }
  .gmainright{
    flex: inherit !important;
    // overflow: inherit !important;
  }

    .gmajorheading>div, .gminorheading>div, .gminorheadingwkend>div, .gtaskcell>div, .gminorheading >div{
      margin: auto;
    }
  
    td .gminorheading >div{
     margin: auto;
    }
    .gchartcontainer{
      display: flex;
      font-size: 28px;
      height: 73vh;
    background: #fff;
    }

    @media screen and (min-width: 1920px) { 
      .gchartcontainer{
        display: flex;
        font-size: 28px;
        height: 76vh;
      background: #fff;
      }
    }
    .gmain{
      flex: 1;
    }
    .gtaskname{
      min-width: 100%;
      /* max-width: 170px; */
      max-width: 300px;
      width: 50% !important;
      font-size: 9px;
      border-left: none;
      cursor: pointer;
    }
    .gtaskname div{
      width: 100%;
      max-width:100%;
      font-size: 12px;
    }
    .glistlbl{
      width: 100%;
    }
    .gadditional{
      width: 10% !important;
      max-width: 10% !important;
    }
    div.gchartgrid{
      padding-bottom: 0px;
    }
    .gmajorheading, .gminorheading, .gminorheadingwkend, .gtaskcell, .gtaskcellwkend{
      height: 29px;
    }
    td .gminorheading {
      height: 29px;
    }
    td .gminorheading div{
     margin: auto;
    }
  }
}
.outcomeDocument{
  margin-left: 10px !important;
}

.Small1{
  :global{
    .ant-form-item-label{
      height: 30px  !important;
      line-height: 30px  !important;
    }
    .ant-form-item-control{
      line-height: 30px  !important;
    }
    .ant-form-inline .ant-form-item{
      margin-right: 0px   !important;
    }
    .ant-form-inline .ant-form-item-with-help{
      margin-bottom: 0px !important;
    }
  }
}
:global{
  .ant-drawer-body{
    padding: 5px !important;
  }
}
.box{
  
  :global{
   
  
      .ant-tabs-bar{
          margin: 0px;
          background-color:#fff !important;
          height: 5vh;
        }
    
        .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
          height: 5vh;
          line-height: 5vh;
        }
        // .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{
        //   height: 4vh;
        // }
        .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{
          height: 5vh;
        }
  }
 
}
.JSGanttComponentBox{
  height: 73vh;
}
@media screen and (min-width: 1920px) { 
  .JSGanttComponentBox{
    height: 76vh;
  }
}
.TreeSelect{
width: 200px;
}

.bottomBtn{
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  .Btn{
    cursor: pointer;
    width:120px;
    height:44px;
    background:rgba(60,143,255,1);
    box-shadow:0px 2px 6px 0px rgba(153,177,215,1);
    border-radius:4px 5px 5px 4px;
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(254,254,254,1);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}